<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>common</title>
</head>
<body>
<!--网页头部-->
    <div class="outer header" th:fragment="header">
    <div class="inter header_c inner_c">
        <a href=""class="logo"><img src="/mall/image/logo.png" alt=""></a>
        <dl class = "allType">
            <dt><a href="/mall/product/">查看所有类型</a></dt>
            <dd>
                <div th:test="${session.typelist}"></div>
                <div class = "dd_inn">
                    <ul class = "dd_cont">
                        <li class="dd_cont_list" th:each="type:${session.typelist}" th:object="${type}">
                            <a href="/mall/product/" th:text="*{remark}">不锈钢</a>
                            <ul class="pro">
                                <li th:each="product:*{products}" th:object="${product}">
                                    <a href="##">
                                        <div class="pic"><img th:src="@{'/image/'+*{mainImage}}" alt=""></div>
                                        <div class="content"><h3 th:text="*{name}"></h3><span th:text="'￥'+*{price}"></span></div>
                                    </a>
                                    <div class="mask"><a th:href="@{/product/get.html(id=*{id})}" class = "btn">查看详情</a></div>
                                </li>
                            </ul>
                        </li>
                            </ul>
                        </li>
                    </ul>
                </div>
            </dd>
        </dl>
        <ul>
            <li><a href="/mall/index.html">首页</a></li>
            <li><a href="/mall/product/">所有产品</a></li>
        </ul>
        <div class="inter_right">
            <p th:if="${session.user==null}" style="display: inline-block">
                <a href="/mall/user/toLogin.html">登录</a>
                <span>|</span>
                <a href="/mall/user/toRegister.html">注册</a>
            </p>
            <a th:if="${session.user!=null}" th:text="'欢迎你！'+${session.user.name}" href="/mall/user/toCenter.html"></a>
            <a th:if="${session.user!=null}" th:text="注销" href="/mall/user/logout.do"></a>
            <a href="/mall/product/toCart.html"><i class="icon iconfont icon-gouwuche" id="shop"></i></a>
        </div>
    </div>
        <script>
            /*$(function () {
                $.ajax({
                    //请求方式
                    type : "GET",
                    //请求的媒体类型
                    contentType: "application/json;charset=UTF-8",
                    //请求地址
                    url : "classColumn.do",
                    //请求成功
                    success : function(result) {
                    }
                });
            })*/
        </script>
</div>
<!--网页底部-->
<div class="outer5" th:fragment="footer">
    <div class="inter1">
        <div class="left">
            <a href=""><img src="/mall/image/logo.png" alt=""></a>
            <p>青竹良品原创生活类电商品牌，秉承一贯的严谨态度，我们深入世界各地，从源头全程严格把控商品生产环节，力求帮消费者甄选到最优质的商品，全线采用天然原材料，控制甲醛低量无害，采用进口工艺，国际生产线不断优化，食材保证核心原产地新鲜直供，让你享受品质生活</p>
        </div>
        <div class="center">
            <dl>
                <dt><a href="">关于我们</a></dt>
                <dd><a href="">我的品牌</a></dd>
                <dd><a href="">公司动态</a></dd>
                <dd><a href="">经历发展</a></dd>
                <dd><a href="">商品推广</a></dd>
            </dl>
            <dl>
                <dt><a href="">支付方式</a></dt>
                <dd><a href="">微信支付</a></dd>
                <dd><a href="">支付宝</a></dd>
                <dd><a href="">百度钱包</a></dd>
                <dd><a href="">货到付款</a></dd>
            </dl>
            <dl>
                <dt><a href="">相关服务</a></dt>
                <dd><a href="">退货政策</a></dd>
                <dd><a href="">购物流程</a></dd>
                <dd><a href="">客服服务</a></dd>
                <dd><a href="">商务合作</a></dd>
            </dl>
        </div>
        <div class="right">
            <img src="/mall/image/weixin.png" alt="">
            <img src="/mall/image/weibo.png" alt="">
            <span>微信公众号</span>
            <span>微博公众号</span>
        </div>
    </div>
    <hr>
    <div class="inter2">

    </div>
</div>
</body>
</html>